<!DOCTYPE html>
<html>
        <head>
<script src="../../Downloads/jquery-3.2.0.min.js"></script>
<script>
$(document).ready(function() {
        $("button").click(function() {
                $("div").animate({
        left:'250px',
        opacity:'0.5',
        height:'150px',
        width:'150px'
                });
        });
});
</script>
</head>

<body>
<button>开始动画</button>
<p>默认情况下，所有HTML元素的为止都是静态德尔，并且无法移动，如需对为止进行操作>，记得首先把元素的CSS pasition属性设置为relative，fixed或absolute。 </p>
<div style="background:#98bf21;height:100px;width:100px;positon:fixed;">
</div>
</body>
</html>